<script setup lang="ts">
import { QCard, QSkeleton, QItem, QItemSection, QItemLabel } from "quasar";
import {} from "vue";

import {} from "qqlx-core";
import {} from "qqlx-cdk";

const vueProps = defineProps<{
  height: number;
}>();
/*************** HTML ***************/
/*************** HTML ***************/
/*************** HTML ***************/
/*************** HTML ***************/
</script>

<template>
  <q-card class="rounded shadow-lg" unelevated>
    <q-skeleton :height="`${vueProps.height || 200}px`" square />
    <q-item>
      <q-item-section avatar><q-skeleton type="QAvatar" /> </q-item-section>
      <q-item-section>
        <q-item-label><q-skeleton type="text" /> </q-item-label>
        <q-item-label caption><q-skeleton type="text" /> </q-item-label>
      </q-item-section>
    </q-item>
  </q-card>
</template>
